<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter()
function onClickLeft() {
    router.push('/my')
}
</script>
<template>
    <div class="box">
        <van-nav-bar title="我的收藏" left-arrow @click-left="onClickLeft"  />
        <div class="top">
            <router-link to="/mycollect/hospital">
                <h3>医院</h3>
            </router-link>
            <router-link to="/mycollect/doctor">
                <h3>医生</h3>
            </router-link>
            <router-link to="/mycollect/book">
                <h3>文章</h3>
            </router-link>
        </div>

        <router-view></router-view>
    </div>
</template>
<style lang="scss" scoped>
.van-nav-bar {
  background-color: #f7fdff;
}
.top {
    display: flex;
    justify-content: space-around;
}

a {
    flex: 1;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    color: black;
}
.context{
    overflow: auto;
}
</style>